@extends('layouts.back_stage')
@section('content')
    <script src="{{env('CDN_DOMAIN_NAME')}}/js/commonjs/jquery.page.js?v=1.0.3"></script>
    <style>
        .seek_p{width:100%;margin:0 auto;padding-top:10px;}
        .seek_lab{width:185px;line-height:30px;margin-right:10px;}
        .seek_sel{width:130px;height: 30px;line-height:30px;float:right;outline:none;font-size: 13px;padding:5px 10px;font-weight: normal;border-radius: 2px;color: #555;background:#fff;background-image: none;border: 1px solid #cfdadd;box-shadow: none;}
        .bt_del{text-align: center;display:inline-block;}
        .fabric-choose{width:100%;line-height:30px;height:30px;margin:20px auto;}
        .fabric_div1{width:200%;}
        .fabric_div2{width:100%;}
        .fabric_div3{width:200%;}
        .fabric_div4{width:200%;}
        .tab1,.tab2,.tab3,.tab4{border-collapse:collapse;width:100%;font-size:14px;color:#383838;background:#fff;margin-bottom:10px;}
        table td{text-align:center;height:35px;}
        table,th,td{border:1px solid #ccc;}

        .oneTb{width:100%;overflow-x:scroll;overflow-y:hidden;min-height:100px;}
        .twoTb{width:100%;overflow-y:scroll;overflow-x:hidden;margin-top:30px;float:left;max-height:350px;}
        .threeTb{width:100%;overflow:scroll;height:300px;}
        .fourTb{width:100%;overflow:scroll;margin-top:30px;float:left;height:500px;}
        .one_tr,.two_tr{cursor:pointer;}
        .one_tr.in{background:#27c24c;color:#fff;}
        .two_tr.on{background:#27c24c;color:#fff;}
        ::-webkit-scrollbar{width:5px;height:5px;}
        .colr{color:red;}
        input[type='checkbox']{
            content:'';
            -webkit-appearance : none ;
            width:15px;
            height:15px;
            border:0;
            outline: none;
            background:#fff url("/img/radio.png") no-repeat center center;
            background-size:100%;
            cursor:pointer;
        }
        input[type='checkbox']:checked{
            content: '√';
            -webkit-appearance : none ;
            background: url("/img/radioChecked.png") no-repeat center center;
            background-size:100%;
            outline: none;
            border:none;
            cursor:pointer;
        }
    </style>
    <div class="container">
        {{--计划面料采购--}}
        <div style="padding:20px 0;"><h3>计划面料采购</h3></div>
        <div class="form-group">
            <form action="" method="" >
                {{--{{ csrf_field() }}--}}
                <p class="seek_p">
                    <label class="seek_lab" style="width:205px;">销售季节：
                        <select class="seek_sel sale_quarter" name="sale_quarter">
                            <option value="">请选择</option>
                            @foreach($season as $k => $v)
                                <option value="{{$v}}"
                                @if(isset($req->sale_quarter) && $req->sale_quarter==$v) selected @endif
                                >{{$v}}</option>
                            @endforeach
                        </select>
                    </label>
                    <button type="button" class="btn bt_del btn-info" onclick="grabble()">搜索</button>
                </p>
            </form>
        </div>
        <div class="fabric-choose">
            <span>共<span class="mate_count">0</span>条信息</span>
            <a class="btn btn-info bt_a" href="/production/purchase-basket-details">采购篮</a>
            <a class="btn btn-info bt_a" href="javascript:;" onclick="addBasket()">加入采购篮</a>
        </div>
        <div style="width:100%;height:100%;">
            <div style="width:30%;float:left;">
                <div class="form-group oneTb">
                    <div class="fabric_div1">

                    </div>
                </div>
                <span class="page1" style="float:right;margin-bottom:15px;"></span>
                <div style="width:100%;border-top:1px solid #ccc;float:right;height:1px;"></div>
                <div class="form-group twoTb">
                    <div class="fabric_div2">

                    </div>
                </div>
            </div>
            <div style="width:1%;border-right:1px solid #ccc;float:left;height:857px;"></div>
            <div class="rightDiv" style="width:68%;float:right;">
                <div class="form-group threeTb">
                    <div class="fabric_div3">

                    </div>
                </div>
                <div style="width:100%;border-top:1px solid #ccc;float:right;height:1px;"></div>
                <div class="form-group fourTb">
                    <div class="fabric_div4">

                    </div>
                </div>
            </div>
        </div>
    </div>
    <script src="{{env('CDN_DOMAIN_NAME')}}/js/fabPur.js?v=1.0.2"></script>
@endsection
